<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>奖状</title>
</head>
<body>
    <a href="./个人主页.html">个人主页</a>
    <div class="first">
    <div class="one">
    <p><span>谢亚文</span>同学：</p>
    <p>在第5届中国程序猿吐槽大会上，过关斩将，荣获大会“一等大嘴奖”。</p>
    <p>特发此证，以资证明！</p>
    <p>中国程序猿吐槽大会组委会</p>
    <p>2025年12月6日</p>
</div>
</div>
<br>
<div class="second">
    <div class="two">
    <p><span>谢亚文</span>同学：</p>
    <p>在第5届中国程序猿吐槽大会上，过关斩将，荣获大会“二等大嘴奖”。</p>
    <p>特发此证，以资证明！</p>
    <p>中国程序猿吐槽大会组委会</p>
    <p>2025年12月6日</p>
</div>
</div>
<br>
<div class="third"><div class="three">
    <p><span>谢亚文</span>同学：</p>
    <p>在第5届中国程序猿吐槽大会上，过关斩将，荣获大会“三等大嘴奖”。</p>
    <p>特发此证，以资证明！</p>
    <p>中国程序猿吐槽大会组委会</p>
    <p>2025年12月6日</p>
</div>
</div>

</body>
<style>
.first{
    width: 500px;
    height: 372px;
    background: url(./奖状.jpg) no-repeat center;
    margin: 10px auto;
    overflow: hidden;
}
.one{
    width: 350px;
    margin: auto;
    margin-top: 130px;
}
p{
    margin: 8px 0;
}
p:nth-child(1) span{
  font-size: 1.5em;
}

    p:nth-child(2){
        text-indent: 2em;
    }
    p:nth-child(3){
        margin-left: 5em;
    }
    p:nth-child(4){
        margin-left:8em;
    }
    p:nth-child(5){
        margin-left:12em;
    }
.first{
    font-family: STXingkai;
}
.second{
    width: 500px;
    height: 372px;
    background: url(./奖状.jpg) no-repeat center;
    margin: 10px auto;
    overflow: hidden;
}
.two{
    width: 350px;
    margin: auto;
    margin-top: 130px;
}
p{
    margin: 8px 0;
}
p:nth-child(1) span{
  font-size: 1.5em;
}

    p:nth-child(2){
        text-indent: 2em;
    }
    p:nth-child(3){
        margin-left: 5em;
    }
    p:nth-child(4){
        margin-left:8em;
    }
    p:nth-child(5){
        margin-left:12em;
    }
    .second{
        font-family: youyuan;
    }
.third{
    width: 500px;
    height: 372px;
    background: url(./奖状.jpg) no-repeat center;
    margin: 10px auto;
    overflow: hidden;
}
.three{
    width: 350px;
    margin: auto;
    margin-top: 130px;
}
p{
    margin: 8px 0;
}
p:nth-child(1) span{
  font-size: 1.5em;
}

    p:nth-child(2){
        text-indent: 2em;
    }
    p:nth-child(3){
        margin-left: 5em;
    }
    p:nth-child(4){
        margin-left:8em;
    }
    p:nth-child(5){
        margin-left:12em;
    }
    .third{
        font-family: STCaiyun;
    }
    a:hover{
        color: aqua;
        background-color: pink;
    }
    a:link{
        color: yellow;
    }
    a:visited{
        color: red;
    }
    a:focus{
        color: green;
    }
    a:active{
color: brown;
background-color: purple;
    }
</style>
</html>